﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Regster.aspx.cs" Inherits="Regster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>注册</title>
    <link href="css/1.css" rel="stylesheet" type="text/css" />
    <link href="css/2.css" rel="stylesheet" type="text/css" />

    <script language="javascript" src="js/PCASClass.js" charset="gb2312"></script>

    <link href="css/validator.css" rel="stylesheet" type="text/css" />

    <script src="js/jquery.js" type="text/javascript" language="javascript"></script>

    <script src="js/formValidator.js" type="text/javascript" language="javascript"></script>
    <script type="text/javascript" src="tipWinodw/tipswindown.js"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            $.formValidator.initConfig({ onError: function(msg) { alert(msg) } });
            $("#txtUserName").formValidator({ onshow: "请输入用户名", onfocus: "不能为空", oncorrect: "合法" }).InputValidator({ min: 4, max: 16, onerror: "用户名输入不正确,用户名4-16位字母和数字组成" });
            $("#txtPass").formValidator({ onshow: "请输入密码", onfocus: "登录密码由6位以上的字符或数字组成", oncorrect: "合法" }).InputValidator({ min: 6, onerror: "登录密码输入错误" });
              $("#txtTrueName").formValidator({ onshow: "请输入真实姓名", onfocus: "不能为空", oncorrect: "合法" }).InputValidator({ min: 2, max: 10, onerror: "姓名输入不正确" });
 $("#txtPhone").formValidator({ onshow: "请输入手机号码", onfocus: "请正确填写您的手机号码，以便及时确认您的预订服务。", oncorrect: "合法" }).InputValidator({ min: 6, onerror: "电话输入有误！" });
            $("#txtEmail").formValidator({ empty: true, onshow: "请输入", onfocus: "请输入电子邮件地址", oncorrect: "输入正确" }).RegexValidator({ regexp: "^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$", onerror: "只能为电子邮件地址" });
         
        });
      
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div class="zc">
        <div class="zc1">
            注册新用户</div>
        <div class="zc2">
            <p>
                <table>
                    <tr>
                        <td>
                            <span class="zl2">用户名：</span>
                        </td>
                        <td>
                            <input type="text" id="txtUserName" class="bb" runat="server" />
                        </td>
                        <td>
                            <div id="txtUserNameTip">
                            </div>
                        </td>
                    </tr>
                </table>
            </p>

            <p>
                <table>
                    <tr>
                        <td>
                            <span class="zl2">密 码：</span>
                        </td>
                        <td>
                            <input type="password" id="txtPass" runat="server" class="bb" />
                        </td>
                        <td>
                            <div id="txtPassTip">
                            </div>
                        </td>
                    </tr>
                </table>
            </p>
            
             <p>
                <table>
                    <tr>
                        <td>
                            <span class="zl2">姓 名：</span>
                        </td>
                        <td>
                            <input type="text" id="txtTrueName" runat="server" class="bb" />
                        </td>
                        <td>
                            <div id="txtTrueNameTip">
                            </div>
                        </td>
                    </tr>
                </table>
            </p>
            
            <p>
                <span class="zl2">所在地：</span>
                <label>
                   &nbsp;  <select name="province" style="width: 120px;">
                    </select>
                </label>
                省
                <label>
                    <select name="city">
                    </select>
                </label>
                市
                <label>
                    <select name="area">
                    </select>
                </label>
                区</p>
            <p>
                <span class="zl2">性 别：</span>
                <label>
                     &nbsp; <input type="radio" runat="server" checked="true" name="RadioGroup1" value="男" id="rbtBoy" />
                    男</label>
                <label>
                    <input type="radio" name="RadioGroup1" value="女" id="RadioGroup1_1" />
                    女</label>
                <br />
            </p>
            <p>
                <table>
                    <tr>
                        <td>
                            <span class="zl2">手 机：</span>
                        </td>
                        <td>
                            <input type="text" runat="server" id="txtPhone" class="bb" />
                        </td>
                        <td>
                            <div id="txtPhoneTip">
                            </div>
                        </td>
                    </tr>
                </table>
            </p>
            <p>
                <table>
                    <tr>
                        <td>
                            <span class="zl2">E-mail：</span>
                        </td>
                        <td>
                            <input type="text" runat="server" id="txtEmail" class="bb" />
                        </td>
                        <td>
                            <div id="txtEmailTip" >
                            </div>
                        </td>
                    </tr>
                </table>
            </p>
            <p>
                <asp:Button ID="btnSave" runat="server" Text="立即注册" OnClientClick="return jQuery.formValidator.PageIsValid('1');"
                    class="tijiao4" OnClick="btnSave_Click" /></p>
        </div>
    </div>

    <script language="javascript" type="text/javascript">
new PCAS("province","city","area",<%=pro %>,<%=cty %>,<%=area %>);
    </script>

    </form>
</body>
</html>
